@charset "utf-8";
/* CSS Document */





.main-bj{ width: 100% ; position: relative;}

.zt-bj{ width: 100% ; position: absolute; left: 0; top: 675px; z-index: 2;}
.zt-box{ width: 1434px;margin: 0 auto ; background: url(../images/bj.png) repeat-y ;}
.zt-c{ width: 1400px; margin: 0 auto ;  background-color: #fff ; overflow: hidden;}

.you-cent{ width: 1328px; margin: 0 auto; overflow: hidden;}
.advantage{ width: 100% ; padding: 49px 0 0 0; overflow: hidden;}
.adv-l{ width: 940px; float: left; margin-left: 5px;}
.adv-l h3{display: inline-block ; font-size: 24px; line-height: 26px; color: #141414 ; border-bottom: 2px solid #006cdb; padding-bottom: 10px; margin-bottom: 22px;}
.adv-l p{ width: 100% ; font-size: 16px; color: #585858 ; text-align: justify; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; max-height: 120px; overflow: hidden;}
.adv-l a{ width: 132px; height: 33px ; line-height: 33px; text-align: center;font-size: 16px; display: block; border: solid 2px #d2d2d2; border-radius:8px ;  margin-top: 22px; color: #373737 }
.adv-l a:hover{ background-color: #0080c2 ; color: #fff ; border: solid 2px #0080c2;  }


.you-shi{ width: 307px; height: 208px;float: right ; margin: 11px 0 0 0}

.yf-img{ width: 100% ; height: 214px; margin: 41px 0 66px 0}
.yft{ width: 440px; height: 214px; position: relative; float: left;}
.yft i{width: 440px; height: 214px; display: block ; background: url(../images/cp-bj1.png) repeat; position: absolute; left: 0; top: 0; z-index: 1;}
.yft .sl-box{display: inline-block ;border-radius:8px ;  border: solid 1px #fff ; height: 33px; position: absolute; left: 28px; bottom: 27px; z-index: 2; overflow: hidden;display: flex; align-items: center; justify-content: center; }
.yft .sl-box img{float: left;padding:0 9px }
.yft .sl-box h4{float: left; height: 33px; line-height: 33px; font-size: 16px; color: #fff; border-left: 1px solid #fff; padding: 0 13px}
.yft:hover i{background: url(../images/cp-bj2.png) repeat;}

.tit-box{ width: 100%; text-align: center}
.tit-box h3{display: inline-block ; font-size: 24px; line-height: 26px; color: #141414 ; border-bottom: 2px solid #006cdb; padding-bottom: 10px; }

.Product-Center{ width: 100% ; background: url(../images/bka-bj.jpg) no-repeat left top;margin-top: 27px;}
.qh1{ width: 100% ;text-align: center ; padding: 46px 0 34px 0 }
.qh1 h3{display: inline-block ; font-size: 18px; color: #fff ; padding: 0 2px 8px 2px}
.qh1 i{display: inline-block ;font-size: 18px; color: #fff ;font-style: normal; padding: 0 26px;}
.qh1 a{ font-size: 18px; color: #fff ; display: inline-block ; cursor: pointer;}
.qh1 a:hover{font-weight: bold; }
.qh1 h3.on{ border-bottom: 2px solid #ffae00; font-weight: bold}

.gd{ height: 33px ; line-height: 33px; text-align: center;font-size: 16px; display: inline-block; border: solid 2px #d2d2d2; border-radius:8px ;  color: #373737 ; margin: 0 auto;margin-top: 54px; margin-bottom: 69px; padding: 0 18px }
.gd:hover{ background-color: #0080c2 ; color: #fff ; border: solid 2px #0080c2; }
.qh2{ width: 1328px ;margin: 0 auto; text-align: center; overflow: hidden;}



.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  }
.picMarquee-left .hd{ position:absolute; left:0; top:100px; width:1178px; display:none }
.picMarquee-left .bd{ width:100%; margin:0 auto;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width:310px; height: 392px; background: url(../images/pic-bj.png) repeat; float:left; _display:inline;margin-right:35px; overflow: hidden;}
.picMarquee-left .bd ul li .pic-c{ width: 290px;height: 389px; margin: 0 auto; border-bottom: 3px solid #0069dc ; position: relative;  }
.picMarquee-left .bd ul li .zx{ width:100%; height:216px; margin-bottom: 12px;}
.picMarquee-left .bd ul li h3{ width: 256px; margin: 0 auto; height: 20px;line-height: 20px;font-size: 16px; color: #3d3d3d;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.picMarquee-left .bd ul li p{ width: 256px; margin: 0 auto; height: 60px;line-height: 20px; font-size: 12px; color: #868686;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;  margin-top: 10px; overflow: hidden;}
.picMarquee-left .bd ul li .jt{ position: absolute; left: 26px; bottom: 24px}
.picMarquee-left .bd ul li a{ width: 108px; height: 30px; line-height: 30px; text-align: center ; display: block ; background-color: #fff ; border-radius:10px; ; font-size: 14px; color: #009943 ; position: absolute; left: 96px; bottom: -50px;}
.picMarquee-left .bd ul li i{ width: 0; height: 3px; background-color: #e60013 ; display: block ; position: absolute; left: 0; bottom: -3px}
.picMarquee-left .bd ul li .pic-c:hover{ background-color: #33ac66}
.picMarquee-left .bd ul li .pic-c:hover h3{color: #fff}
.picMarquee-left .bd ul li .pic-c:hover p{color: #fff}
.picMarquee-left .bd ul li .pic-c:hover .jt{display: none}


.video-bj{ width: 100%; height: 482px; background: url(../images/video.jpg) no-repeat; overflow: hidden;}
.vd{ padding: 46px 0 51px 0}
.vd h3{color: #fff; border-bottom: 2px solid #fff}
.sp-bj{ width: 1271px ; height: 295px; margin: 0 auto; overflow: hidden;}
.vd-b{ width: 593px ; height: 295px ; position: relative; float: left; overflow: hidden;}
.vd-b .vid{width: 593px ; height: 295px ; }
.vd-b .vd-zhe{width: 593px ; height: 295px ;  background: url(../images/vid-bj.png) repeat;text-align: center; position: absolute; left: 0; top: 0; z-index: 1;}
.vd-b .vd-zhe .vv{ margin: 112px 0 12px 0}
.vd-b .vd-zhe h3{ font-size: 22px; color: #fff}
.vd-b:hover .vd-zhe{display: none}


.news-bj{ width: 1328px; margin: 0 auto; overflow: hidden;}
.newsb{ padding: 70px 0 49px 0}
.newsb h4{color: #b7b7b7 ; padding: 13px 0 0 0}


.picMarquee-left2{ width:100%;  overflow:hidden; position:relative; margin-bottom: 90px;  }
.picMarquee-left2 .hd{ width:100%;text-align: center ;padding: 46px 0 0 0}
.picMarquee-left2 .hd li{ width: 12px; height: 12px; display: inline-block; background-color: #8acef1; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; font-size: 0 ; margin: 0 9px; }
.picMarquee-left2 .hd li.on{ width: 24px ; background-color: #009841 ; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.picMarquee-left2 .bd{ width:100%; margin:0 auto;}
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; padding: 10px 0 !important }
.picMarquee-left2 .bd ul li{ width:315px; height: 230px;float:left; _display:inline;margin-right:14px; margin-left: 5px; overflow: hidden; box-shadow: #e6e9ef 0 0 12px 4px ;position: relative;}
.picMarquee-left2 .bd ul li .picd{ width: 274px; margin: 0 auto; padding: 26px;}
.picMarquee-left2 .bd ul li .picd .chui-z{ width: 100% ; height: 40px;display: table-cell;  vertical-align: middle; }
.picMarquee-left2 .bd ul li .picd .chui-z h3{ width: 100% ; max-height: 40px; font-size: 16px; color: #424141 ; line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.picMarquee-left2 .bd ul li .picd p{width: 100% ; height: 60px; text-align: justify ; font-size: 12px; color: #979797 ; line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-top: 18px; overflow: hidden;}
.picMarquee-left2 .bd ul li .picd  span{width: 108px; height: 30px; line-height: 30px; text-align: center ; display: block ; background-color: #29a6e6 ; border-radius:10px; ; font-size: 12px; color: #fff ; position: absolute; left: 96px; bottom: 22px;display: none }
.picMarquee-left2 .bd ul li .picd img{ position: absolute; left: 31px; bottom: 36px;}
.picMarquee-left2 .bd ul li:hover .picd .chui-z h3{ font-weight: bold ;color: #2471ce}
.picMarquee-left2 .bd ul li:hover span{display: block}
.picMarquee-left2 .bd ul li:hover img{display: none}